<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title></title>
		<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
		<!-- 引用Vue -->
		
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
		<!-- 引入组件库 -->
		<script src="https://unpkg.com/element-ui/lib/index.js"></script>
		
		<script type="text/javascript" src="js/axios.js"></script>
		<script type="text/javascript" src="js/qs.js"></script>
		
		<style>
			* {
				margin: 0;
				padding: 0;
			}
			
			.app {
				width: 420px;
<<<<<<< HEAD
				height: 500px;
				font-size: 12px;
			}
			
			.title {
				width: 96%;
				height: 50px;
				margin: 10px auto;
				border-bottom: 1px solid darkgray;
				margin-bottom: 10px;
			}
			
			.title h4 {
				font-size: 18px;
				font-weight: 500;
				color: #000 !important;
			}
			.box{
				background-color: #eef0f1;
				height: 50px;
				line-height: 50px;
			}
			p{
			height: 20px;	
			}
			p span{
				float: right;
				background-color: #fff;
				color:gray;
				margin-right: 15px;
			}
		</style>
	</head>

	<body>
		<div id="app" class="app">
			<div class="title">
				<h4 style="margin:0 auto;width:80px;">三定一节</h4>
			</div>
			<el-form ref="form" :model="form" label-width="50px">
				
			<p><span>1.定性</span></p>	
			<el-form-item prop="qualitative" class="box">
				<el-radio-group v-model="form.qualitative">
					<el-radio  :key="1151" label="1151" :value="1151">有价值</el-radio>
					<el-radio  :key="1152" label="1152" :value="1152">无价值</el-radio>
					<el-radio :key="1153" label="1153" :value="1153">不确定</el-radio>
				</el-radio-group>
			</el-form-item>
			<p><span>2.定级</span></p>	
			<el-form-item prop="grading" class="box">
				<el-radio-group v-model="form.grading">
					<el-radio :key="1161" label="1161" :value="1161">大单</el-radio>
					<el-radio :key="1162" label="1162" :value="1162">正常</el-radio>
					<el-radio :key="1163" label="1163" :value="1163">小单</el-radio>
				</el-radio-group>
			</el-form-item>
			<p><span>3.定量</span></p>	
			<el-form-item prop="ration" class="box">
				<el-radio-group v-model="form.ration">
					<el-radio  :key="1141" label="1141" :value="1141">本周</el-radio>
					<el-radio :key="1142" label="1142" :value="1142">本月</el-radio>
					<el-radio :key="1143" label="1143" :value="1143">下月</el-radio>
				</el-radio-group>
			</el-form-item>
			<div class="title">
				<span style="float: right;">
				   <el-button  @click="submitForm('form')"><i class="el-icon-check"></i>保存</el-button> 
				 </span>
			</div>
			</el-form>
		</div>

		<script type="text/javascript">
			var vm = new Vue({
				el: "#app",
				data() {
					return {
						tableData:[],
						form: {
							qualitative: '',
							grading: '',
							ration: ''
						}
					}
				},
				methods: {submitForm(formName) {
					//验证方法
					this.$refs[formName].validate((valid) => {
						if(valid) {
							var ax = "/customer/updatethree";
							//post提交数据
							axios.post(ax,
								//参数转换
								Qs.stringify(this.form, {
									arrayFormat: 'brackets'
								})
								
							).then(function(v) {
								window.parent.location.replace("/cusview");
							}).catch(function(e) {
								alert("出错了"+e);
							});

						} else {
							console.log('error submit!!');
							return false;
						}
					});
				},
				resetForm(formName) { 
					this.$refs[formName].resetFields();
				}
				},
					mounted() {
						
					}	
=======
				height: auto;
				font-size: 12px;
			}
			
			.title {
				width: 96%;
				height: 50px;
				margin: 10px auto;
				border-bottom: 1px solid darkgray;
				margin-bottom: 10px;
			}
			
			.title h4 {
				font-size: 18px;
				font-weight: 500;
				color: #000 !important;
			}
			.box{
				background-color: #eef0f1;
				height: 50px;
				line-height: 50px;
			}
			p{
			height: 20px;	
			}
			p span{
				float: right;
				background-color: #fff;
				color:gray;
				margin-right: 15px;
			}
		</style>
	</head>

	<body>
		<div id="app" class="app">
			<div class="title">
				<h4 style="margin:0 auto;width:80px;">三定一节</h4>
			</div>
			<el-form ref="form" :model="form" label-width="50px">
				
			<p><span>1.定性</span></p>	
			<el-form-item prop="qualitative" class="box">
				<el-radio-group v-model="form.qualitative">
					<el-radio label="有价值"></el-radio>
					<el-radio label="无价值"></el-radio>
					<el-radio label="不确定"></el-radio>
				</el-radio-group>
			</el-form-item>
			<p><span>2.定级</span></p>	
			<el-form-item prop="grading" class="box">
				<el-radio-group v-model="form.grading">
					<el-radio label="大单"></el-radio>
					<el-radio label="正常"></el-radio>
					<el-radio label="小单"></el-radio>
				</el-radio-group>
			</el-form-item>
			<p><span>3.定量</span></p>	
			<el-form-item prop="ration" class="box">
				<el-radio-group v-model="form.ration">
					<el-radio label="本周"></el-radio>
					<el-radio label="本月"></el-radio>
					<el-radio label="下月"></el-radio>
				</el-radio-group>
			</el-form-item>
			<div class="title">
				<span style="float: right;"><el-button><i class="el-icon-check"></i>保存</el-button></span>
			</div>
		</div>
		<el-dialog :visible.sync="centerDialogVisible4" width="900px" center>
								<iframe :src="FrameSrc" width="100%" onload="this.height=this.contentWindow.document.body.scrollHeight,this.width = this.contentWindow.document.body.scrollWidth" frameborder="0" scrolling="no"></iframe>
									</el-dialog>
		<script type="text/javascript">
			var vm = new Vue({
				el: "#app",
				data() {
					return {
						form: {
							qualitative: '',
							grading: '',
							ration: ''
						},
					}
				},
				methods: {
					
				}
>>>>>>> refs/remotes/origin/产品
			})
		</script>
	</body>

</html>